<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="vendors/msui/css/msui.css" />
    <link rel="stylesheet" href="assets/css/main.css">
    <link rel="stylesheet" href="assets/css/app-nav.css">
    <link rel="stylesheet" href="vendors/zTree_v3-master/css/zTreeStyle/zTreeStyle.css" type="text/css">
    <script type="text/javascript" src="vendors/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="vendors/zTree_v3-master/js/jquery.ztree.core.js"></script>
    <script type="text/javascript" src="vendors/zTree_v3-master/js/jquery.ztree.excheck.js"></script>
    <script type="text/javascript" src="vendors/msui/js/msui.min.js"></script>
    <script type="text/javascript" src="assets/js/app-nav.js"></script>
    <script type="text/javascript" src="assets/js/AssetManagement.js"></script>
    <script type="text/javascript" src="assets/js/app-template.js"></script>
</head>

<body>
    <div class="app-nav">
    </div>
    <div class="app-wrapper">
        <h1>Asse Management</h1><hr>
        <!-- modal -->
        <div class="ms-popup ms-popup-inner" id="my-popups">
            
                        <div  class="ms-popup-hd ">
                            <h4 class="ms-popup-title">更改</h4>
                            <span data-ms-modal-close
                                  class="ms-close">&times;</span>
                            <form class="ms-form ">
                                <div class="ms-form-group">
                                    <div >更改编号：</div>
                                    <div width=80%>
                                        <input type="text" class="ms-input-sm"  placeholder="Please input:">
                                    </div>
                                </div>
                                <div class="ms-form-group ms-cf">
                                    <div >更改地址：</div>
                                    <div >
                                        <textarea class="" rows="2" ></textarea>
                                    </div>
                                </div>
                                <div class="ms-form-group ms-cf">
                                    <div >更改类型：</div>
                                    <div >
                                        <textarea class="" rows="2" id="doc-ta-1"></textarea>
                                    </div>
                                </div>
                                <div class="ms-form-group ms-cf">
                                    <div >
                                        <p>
                                            <button type="submit" class="ms-btn ms-btn-success ms-radius">更新</button>
                                        </p>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
        <!-- modal end -->
        <!-- add modal -->
        <div class="ms-popup ms-popup-inner" id="my-popup2">
            
                        <div class="ms-popup-hd">
                            <h4 class="ms-popup-title">添加</h4>
                            <span data-ms-modal-close
                                  class="ms-close">&times;</span>
                            <form class="ms-form ">
                                <div class="ms-form-group">
                                    <div >添加编号：</div>
                                    <div >
                                        <input type="text" class="ms-input-sm"  placeholder="Please input:">
                                    </div>
                                </div>
                                <div class="ms-form-group ms-cf">
                                    <div >添加地址：</div>
                                    <div >
                                        <textarea class="" rows="2" ></textarea>
                                    </div>
                                </div>
                                <div class="ms-form-group ms-cf">
                                    <div >类型：</div>
                                    <div >
                                        <textarea class="" rows="2" ></textarea>
                                    </div>
                                </div>
                                <div class="ms-form-group ms-cf">
                                    <div >
                                        <p>
                                            <button type="submit" class="ms-btn ms-btn-success ms-radius">更新</button>
                                        </p>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
        <!-- add modal end -->
            
            
            
            
            <div class="ms-tabs" data-ms-tabs>
                <ul class="ms-tabs-nav ms-nav ms-nav-tabs">
                    <li class="ms-active"><a href="#tab1">资产管理</a></li>
                    <li><a href="#tab2">设备管理</a></li>
                </ul>
            
                <div class="ms-tabs-bd">
            <!-- Record -->
                    <div class="ms-tab-panel ms-fade ms-in ms-active" id="tab1">
                        <h2>数据资产</h2><hr>
                        <div class="ms-g">
                            <div  class="ms-u-sm-4" >
                                <ul id="tree1" class="ztree"></ul>
                            </div>
                            <div  class="ms-u-sm-8" >
                                    <table  class="ms-table ms-table-bordered ms-table-radius ms-table-striped ms-table-hover">
                                            <thead>
                                              <tr >
                                                <th class="table-id">区域</th>
                                                <th class="table-title">楼号</th>
                                                <th class="table-type">楼层</th>
                                                <th class="table-author ms-hide-sm-only">房间</th>
                                              </tr>
                                            </thead>
                                            <tbody>
                                              <tr>
                                                 <td>1</td>
                                                 <td>2</td>
                                                 <td>3</td>
                                                 <td>4</td>
                                              </tr>
                                            </tbody>
                                          </table>
                                          
                                          <div class="ms-btn-group ms-btn-group-xs ms-u-sm-offset-9 ">
                                              <button type="button" class="ms-btn  ms-btn-primary"><span class="ms-icon-save"></span> 保存</button>
                                              <button type="button" class="ms-btn  ms-btn-primary"><span class="ms-icon-plus"></span> 修改</button>
                                              <button type="button" class="ms-btn  ms-btn-primary"><span class="ms-icon-trash-o"></span> 删除</button>
                                          </div>
                                    
                            </div>
                        </div>
                    </div>
            <!-- Record end-->
            
            <!-- Monitor Add -->
                <div class="ms-tab-panel ms-fade ms-in ms-active " id="tab2">
                    <hr>
                    <form class="ms-form ms-u-centered ">
                        <fieldset>
                            <legend  class=" ms-u-centered ">设备管理</legend>
                      
                            <form class="ms-form ms-g">
                                <table width="80%" class="ms-table ms-table-bordered ms-table-radius ms-table-striped ms-table-hover">
                                  <thead>
                                    <tr >
                                      <th class="table-id">编号</th>
                                      <th class="table-title">地址</th>
                                      <th>管理面积</th>
                                      <th width="130px" class="table-set">设备类型</th>
                                      <th width="130px" class="table-set">操作</th>
                                    </tr>
                                  </thead>
                                  <tbody>
                                    <tr>
                                       
                                       <td>1</td>
                                       <td>A011245</td>
                                       <th>32m2</th>
                                       <td class="ms-hide-sm-only">照明</td>
                                        <td>
                                            <div class="ms-btn-toolbar">
                                                <div class="ms-btn-group ms-btn-group-xs">
                                                    <button type="button" class="ms-btn ms-btn-default ms-btn-xs ms-text-secondary ms-round" data-ms-modal="{target: '#my-popups'}" title="Handle"><span class="ms-icon-pencil-square-o"></span></button>
                                                    <button type="button" class="ms-btn ms-btn-default ms-btn-xs ms-text-danger ms-round" title="Delete"><span class="ms-icon-trash-o" ></span></button>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                       
                                        <td>2</td>
                                        <td>B020112</td>
                                        <th>78m2</th>
                                        <td class="ms-hide-sm-only">空调</td>
                                        <td>
                                            <div class="ms-btn-toolbar">
                                                <div class="ms-btn-group ms-btn-group-xs">
                                                    <button  type="button" class="ms-btn ms-btn-default ms-btn-xs ms-text-secondary ms-round" data-ms-modal="{target: '#my-popups'}" title="Handle"><span class="ms-icon-pencil-square-o"></span></button>
                                                    <button  type="button" class="ms-btn ms-btn-default ms-btn-xs ms-text-danger ms-round" title="Delete"><span class="ms-icon-trash-o" ></span></button>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                      <tr>
                                       
                                        <td>3</td>
                                        <td>C030113</td>
                                        <th>85m2</th>
                                        <td class="ms-hide-sm-only">其他</td>
                                        <td>
                                            <div class="ms-btn-toolbar">
                                                <div class="ms-btn-group ms-btn-group-xs">
                                                    <button  type="button" class="ms-btn ms-btn-default ms-btn-xs ms-text-secondary ms-round" data-ms-modal="{target: '#my-popups'}" title="Handle"><span class="ms-icon-pencil-square-o"></span></button>
                                                    <button  type="button" class="ms-btn ms-btn-default ms-btn-xs ms-text-danger ms-round" title="Delete"><span class="ms-icon-trash-o" ></span></button>
                                                </div>
                                            </div>
                                        </td>
                                      </tr>
                                  </tbody>
                                </table>
                                
                               
                                <button type="button" class="ms-btn ms-btn-default"  data-ms-modal="{target: '#my-popup2'}" ><span class="ms-icon-plus"></span> 添加</button>
                                   
                               
                                
                                <ul class="ms-pagination ms-fr">
                                      <li class="ms-disabled"><a href="#">«</a></li>
                                      <li class="ms-active"><a href="#">1</a></li>
                                      <li><a href="#">2</a></li>
                                      <li><a href="#">3</a></li>
                                      <li><a href="#">4</a></li>
                                      <li><a href="#">5</a></li>
                                      <li><a href="#">»</a></li>
                                    </ul>
            
                                <hr />
                              </form>
                        </fieldset>
                      </form>
                </div>
            <!-- Monitor Add -->
                </div>    









    </div>
</body>

</html>